@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.refresh-icon-view {
  width: 100%;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  &.loading {
    transition: height 0.2s linear;
  }
  .refresh-icon {
    width: 40rpx;
    height: 40rpx;
    &.loading {
      animation: rotate 1s infinite linear;
    }
  }
}
.refresh-body-view {
  min-height: 100%;
}
.load-more-view {
  width: 100%;
  height: 100rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;

  .load-more-text {
    color: #999;
    font-size: 24px;
  }
  .load-more-icon {
    width: 40rpx;
    height: 40rpx;
    &.loading {
      animation: rotate 1s infinite linear;
    }
  }
}

.noAddress {
  width: 100%;
  height: 70%;
  .emptyAddress {
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    .noData {
      width: 526px;
      height: 500px;
      margin-top: 100px;
    }
    .emptyDesc {
      font-size: 24px;
      text-align: center;
      color: #999;
    }
  }
}
